/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        primary: Array(10)
          .fill("--color-primary-")
          .reduce(
            (prev, v, i) => ({
              ...prev,
              [`${i + 1}`]: `var(${v}${i + 1})`,
            }),
            {}
          ),
        red: {
          1: "#FFEBE5",
          2: "#FFBDAD",
          3: "#FF8F73",
          4: "#FF7452",
          5: "#FF5630",
          6: "#DE350B",
          7: "#BF2600",
          8: "#9E2000",
          9: "#7A1800",
          10: "#571100",
        },
      },
    },
  },
  plugins: [],
  important: true,
};
